<div ng-controller="freshfruitCtrl">
	<div id="shop_wrap">
		<!--banner的图片-->
		<div class="banner">
		<img src="http://www.taocz.com/images/shop/4087/banner.jpg"/>
	</div>
	<!--导航-->
	<div class="shop_menu">
		<ul>
			<li class="first_li"><a href="">店铺首页</a></li>
			<li class="all_li"><a href="">所有商品</a></li>
			<li class="fruit"><a href="">新鲜水果</a></li>
			<li class="fushi_li"><a href="">休闲副食</a></li>
			<li><a href="">粮油调味</a></li>
			<li><a href="">奶饮冲调</a></li>
			<li><a href="">精品礼盒</a></li>
		</ul>
	</div>
		
	<!--左边的div-->

	<div id="" style="overflow: hidden;">
		<!--<div class="one">
			<img src="http://pic20.taocz.cn/store_4087/other/20160905/201609050958478826.png"/>
			<span class="name">楼口鲜果</span>
			<button>+加关注</button><span>16 粉丝</span><br />
			<input type="" name="" id="" placeholder="http://taocz.com" /><button>复制</button>
				
			
		</div>-->

		
	<!--左边第一个div-->
	<div class="divs">
	<div class="left">
		<div class="left_first">
			<p >分类筛选</p>
			<ul>
				<li><a href="">所有分类</a></li>
				<li><a href="">新鲜水果</a></li>
				<li><a href="">休闲副食</a></li>
				<li><a href="">粮油调味</a></li>
				<li><a href="">奶饮冲调</a></li>
				<li><a href="">精品礼盒</a></li>
			</ul>
		</div>
		<!--左边第二个div-->
		<div class="left_second">
		<p class="fy">热销推荐</p>
		<div class="da" ng-repeat="x in arr">
			<a href="#/xqing" ng-click="dianji(x)"><img src="{{x.imgs}}"/></a>
			<span class="num">{{x.num}}</span>
			<span>{{x.price}}</span>
			<p class="da_p">{{x.names}}</p>	
		</div>
	</div>
	
	</div>

	
		<!--右边的div-->
	<div class="right home_page" style="display: block;">
		<!--<p class="all_p">所有分类</p>
		<div class="top">
			<p>所有分类:<span>全部</span></p>
			<ul>
				<li><a href="">新鲜水果</a></li>
				<li><a href="">休闲副食</a></li>
				<li><a href="">粮油调味</a></li>
				<li><a href="">奶饮冲调</a></li>
				<li><a href="">精品礼盒</a></li>
			</ul>
		</div>-->
		<p class="sort">排序：<span class="sales">销量</span><span ng-click="price2()">价格</span><span ng-click="price4()">上架时间</span></p>
		<div class="introduce">
			<div class="in_da" ng-repeat="x in data">
				<a href="{{x.link}}">
				<a href="#/xqing" ng-click="dianji(x)"><img src="{{x.imgs}}"/></a>
				<span class="in_name">{{x.names}}</span>
				<p class="in_price">￥{{x.price}}</p></a>
			</div>
		</div>
			
		
	</div>
	
	
	<!--右边第二个-->
	<div class="right all">
		<p class="all_p">所有分类</p>
		<div class="top">
			<p>所有分类:<span>全部</span></p>
			<ul>
				<li><a href="">新鲜水果</a></li>
				<li><a href="">休闲副食</a></li>
				<li><a href="">粮油调味</a></li>
				<li><a href="">奶饮冲调</a></li>
				<li><a href="">精品礼盒</a></li>
			</ul>
		</div>
		<p class="sort">排序：<span class="sales">销量</span><span ng-click="price2()">价格</span><span ng-click="price4()">上架时间</span></p>
		<div class="introduce">
			<div class="in_da" ng-repeat="x in data">
				<a href="{{x.link}}">
				<a href="#/xqing" ng-click="dianji(x)"><img src="{{x.imgs}}"/></a>
				<span class="in_name">{{x.names}}</span>
				<p class="in_price">￥{{x.price}}</p></a>
			</div>
		</div>
		</div>	
		<!--右边第三个-->
		<div class="right right_fruit">
		<p class="all_p">所有分类</p>
		<div class="top">
			<p>所有分类:<span>全部</span></p>
			<ul>
				<li ><a href=""style="background: red;color: white;">新鲜水果</a></li>
				<li><a href="">休闲副食</a></li>
				<li><a href="">粮油调味</a></li>
				<li><a href="">奶饮冲调</a></li>
				<li><a href="">精品礼盒</a></li>
			</ul>
		</div>
		
		
		<p class="sort">排序：<span class="sales">销量</span><span>价格</span><span>上架时间</span></p>
		<p style="text-align: center;border-bottom: 1px solid #ccc;overflow: hidden;"><span style="float: left;margin-left: 40%;margin-top: 20px;"><img src="http://www.taocz.com/themes/newstatics/images/mysp.png"/></span><span style="float: left;padding-left: 15px; padding-top: 45px;font-size: 14px;font-weight: bold;">非常抱歉没有对应的产品</span></p>
		<p style="line-height: 30px;border-bottom: 1px solid #ccc;">你可能感兴趣的产品</p>
		<div class="introduce">
			<div class="in_da" ng-repeat="x in arrxiao">
				<a href="{{x.link}}">
				<a href="#/xqing" ng-click="dianji(x)"><img src="{{x.imgs}}"/></a>
				<span class="in_name">{{x.names}}</span>
				<p class="in_price">￥{{x.price}}</p></a>
			</div>
		</div>
		</div>	
		<!--右边第四个-->	
		<div class="right fushi">
		<p class="all_p">所有分类</p>
		<div class="top">
			<p>所有分类:<span>全部</span></p>
			<ul>
				<li><a href="">新鲜水果</a></li>
				<li><a href="" style="color: white;background: red;">休闲副食</a></li>
				<li><a href="">粮油调味</a></li>
				<li><a href="">奶饮冲调</a></li>
				<li><a href="">精品礼盒</a></li>
			</ul>
		</div>
		<p class="sort">排序：<span class="sales">销量</span><span ng-click="price2()">价格</span><span>上架时间</span></p>
		<!--<p class="sort">排序：<span class="sales">销量</span><span>价格</span><span>上架时间</span></p>-->
		<p style="text-align: center;border-bottom: 1px solid #ccc;overflow: hidden;"><span style="float: left;margin-left: 40%;margin-top: 20px;"><img src="http://www.taocz.com/themes/newstatics/images/mysp.png"/></span><span style="float: left;padding-left: 15px; padding-top: 45px;font-size: 14px;font-weight: bold;">非常抱歉没有对应的产品</span></p>
		<p style="line-height: 30px;border-bottom: 1px solid #ccc;">你可能感兴趣的产品</p>
		<div class="introduce">
			<div class="in_da" ng-repeat="x in fushi">
				<a href="{{x.link}}">
				<a href="#/xqing" ng-click="dianji(x)"><img src="{{x.imgs}}"/></a>
				<span class="in_name">{{x.names}}</span>
				<p class="in_price">￥{{x.price}}</p></a>
			</div>
		</div>
		</div>
		<!--右边第五个-->
		<div class="right">
		<p class="all_p">所有分类</p>
		<div class="top">
			<p>所有分类:<span>全部</span></p>
			<ul>
				<li><a href="">新鲜水果</a></li>
				<li><a href="">休闲副食</a></li>
				<li><a href="">粮油调味</a></li>
				<li><a href="">奶饮冲调</a></li>
				<li><a href="">精品礼盒</a></li>
			</ul>
		</div>
		<p class="sort">排序：<span class="sales">销量</span><span>价格</span><span>上架时间</span></p>
		<div class="introduce">
			<div class="in_da" ng-repeat="x in data">
				<img src="{{x.img}}"/>
				<span class="in_name">{{x.name}}</span>
				<p class="in_price">{{x.price}}</p>
			</div>
		</div>
		</div>
		</div>
	</div>	

	
		
		
	
	
	
	
	
</div>